<%--
  Created by IntelliJ IDEA.
  User: XiongMM
  Date: 2019/7/29
  Time: 上午11:23
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<html>
<head>
    <title>登录页面</title>
</head>
<style type="text/css">
    form {
        width: 100%;
        height: 700px;
        margin-top: 0px;
        background: #008B8B;
    }

    div {
        display: inline-block;
        padding-top: 80px;
        padding-right: 20px;

    }

    h2 {
        font-family: "微软雅黑";
        font-size: 40px;
        color: black;
    }

    #log {
        color: blue;
    }
</style>
<body>
        
<form name="login" method="post" action="/servlet/final/login">
                
    <center>
                    
        <div>
                        <h2>
                                神州训练营
                        </h2>
                        <p>
                            用户名:<input type="text" name="userName" placeholder="请输入用户名"/>
                        </p>
                        <p>
                            密&emsp;&nbsp;码:<input type="password" name="password" placeholder="请输入密码"/>   
                        </p>
                        <p>
                            <input id=log type="submit" value="登录" onclick="check();"/>
                        </p>
                        <p>
                            还没有账号？<a href="${pageContext.request.contextPath}/register.jsp">立即注册</a>
                        </p>
                        <p>
                            想尝试上传吗？<a href="${pageContext.request.contextPath}/file/upload.jsp">文件上传</a>
                        </p>
                            <p>    
                            想尝试下载吗？<a href="${pageContext.request.contextPath}/file/download.jsp">文件下载</a>
                        </p>
        </div>
                    
    </center>
            
</form>
<script>
    function check() {
        var userName = document.login.userName.value;
        var password = document.login.password.value;
        if(userName === "" || password === ""){
            alert("用户名或者密码不能为空");
            return false;
        }
        return true;
    }
</script>
</body>
</html>
